
<jsp:root version="2.1" xmlns:jsp="http://java.sun.com/JSP/Page"
	xmlns:c="http://java.sun.com/jsp/jstl/core"
	xmlns:fmt="http://java.sun.com/jsp/jstl/fmt">
	<jsp:directive.page contentType="text/html; charset=UTF-8" />
	<jsp:directive.page isELIgnored="false" />
	<jsp:output omit-xml-declaration="false" doctype-root-element="html"
		doctype-public="-//W3C//DTD XHTML 1.1//EN"
		doctype-system="http://www.w3.org/TR/xhtml1/DTD/xhtml11.dtd" />
	<jsp:useBean id="ListaPedidosBean"
		class="es.albarregas.beans.ListaPedidosBean" scope="session" />
	<jsp:useBean id="clienteBean" class="es.albarregas.beans.ClienteBean"
		scope="session" />
	<c:if test="${clienteBean.codigo!=0}">
		<c:set var="clausula"
			value=" where CodigoCliente=${clienteBean.codigo} and Estado='N'" />
		<jsp:setProperty property="clausulaWhere" name="ListaPedidosBean"
			value="${clausula}" />
		<c:set var="numeroPedido" value="0" />
		<c:forEach var="registros" items="${ListaPedidosBean.pedido}">
			<c:set var="numeroPedido" value="${registros.numeroPedido}" />
		</c:forEach>
		<c:if test="${numeroPedido!=0}">
			<jsp:useBean id="ListaLineasPedidoBean"
				class="es.albarregas.beans.ListaLineasPedidoBean" scope="session" />
			<c:set var="clausula2" value="where NumeroPedido=${numeroPedido}" />
			<jsp:setProperty property="clausulaWhere"
				name="ListaLineasPedidoBean" value="${clausula2}" />
			<jsp:useBean id="ListaProductosBean"
				class="es.albarregas.beans.ListaProductosBean" scope="session" />
		</c:if>
	</c:if>
	<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1" />
<title>Finalizar compra</title>
<link rel="stylesheet" type="text/css"
	href="${pageContext.request.contextPath}/css/VisCarrito.css" />
<script type="text/javascript" language="javascript"
	src="${pageContext.request.contextPath }/js/VisCarrito.js">
<!--asdf -->
	
</script>
</head>
<body id="body">
	<jsp:include page="Cabecera.jsp" />
	<div id="contenedor">	
		<div id="divDatosEnvio" onload="cargaMunicipios();">

			<form action="#" 
				onsubmit="return siguientePaso('divDatosEnvio','divProductosCarrito');">

				<h1 class="H1LetreroDatosEnvio">Datos de envio</h1>

				<div id="DIVDatosEnvioIzquierda">
					<h2 class="H2LetreroDatosEnvio">Nombre</h2>
					<input name="nombre" type="text" id="nombre" placeholder="nombre"
						required="required" title="Introduzca el nombre"
						class="INPUTDatoFormulario" value="${clienteBean.nombre}" />
					<h2 class="H2LetreroDatosEnvio">Apellidos</h2>
					<input name="apellidos" type="text" id="apellidos"
						placeholder="apellidos" required="required"
						title="Introduzca los apellidos" class="INPUTDatoFormulario"
						value="${clienteBean.apellidos}" />
					<h2 class="H2LetreroDatosEnvio">DNI</h2>
					<input name="dni" type="text" id="dni" onblur="isDNI(this)"
						placeholder="DNI" required="required" title="Introduzca un dni"
						class="INPUTDatoFormulario" value="${clienteBean.nifNie}"/>
					<h2 class="H2LetreroDatosEnvio">Direccion</h2>
					<input id="direccion" name="direccion" type="text"
						required="required" placeholder="Direccion"
						value="${clienteBean.direccion}" class="INPUTDatoFormulario" />

				</div>
				<div id="DIVDatosEnvioDerecha">				
					
					<h2 class="H2LetreroDatosEnvio">Codigo postal</h2>
					<input type="text" name="codigoPostal" placeholder="Codigo Postal"
						id="codigoPostal" onkeyup="cargaMunicipios();"
						oncontextmenu="cargaMunicipios();" onchange="cargaMunicipios();"
						maxlength="5" required="required"
						value="${clienteBean.codigoPostal}" class="INPUTDatoFormulario" />

					<h2 class="H2LetreroDatosEnvio">Provincia</h2>
					<select name="provincia" id="provincia"
						onchange="cargaMunicipios()" class="INPUTDatoFormulario">
						<option>Introduzca un codigo postal</option>
					</select> <br /> <br />
					<h2 class="H2LetreroDatosEnvio">Localidad</h2>
					<select name="localidad" id="localidad" class="INPUTDatoFormulario">
						<option>- selecciona una provincia -</option>
					</select>
					<h2 class="H2LetreroDatosEnvio" style="width: 100%">Forma de
						pago</h2>
					<div id="DIVFormaDePago">
						<input type="radio" name="formaPago" value="Visa"
							checked="checked" class="RADIOFormaDePago" />
							<img alt="Visa"	src="img/visa.png" /> 
							<input type="radio" name="formaPago"		value="MasterCard" class="RADIOFormaDePago"/>
							<img alt="MasterCard"	src="img/mastercard.png" /> 
							<input type="radio" name="formaPago" value="PayPal" class="RADIOFormaDePago"/>
							<img alt="Pay Pal" src="img/paypal.png" /> 
							<input	type="radio" name="formaPago" value="ContraReembolso" class="RADIOFormaDePago" />
							<label>Contra reembolso</label>
					</div>
					<input type="submit" value="Paso 2" class="INPUTPaso" />

				</div>
			</form>
			<SCRIPT type="text/javascript">
				cargaMunicipios();
			</SCRIPT>
		</div>
		<div id="divProductosCarrito">
			<c:if test="${numeroPedido!=0}">
				<h1 class="H1LetreroDatosEnvio">Datos de la compra</h1>
				
				<input type="hidden" value="${numeroPedido}" id="numeroPedido"
					name="numeroPedido" />
				<table>
					<th colspan="2" class="THNombreColumna">Producto</th>
					<th class="THNombreColumna">Cantidad</th>
					<th class="THNombreColumna">Precio</th>
					<th class="THNombreColumna">Suma</th>
					<c:forEach var="lineaPedido"
						items="${ListaLineasPedidoBean.lineaPedido}">
						<c:set var="clausulaWhere"
							value="where Codigo='${lineaPedido.codigoProducto}'" />
						<jsp:setProperty property="clausulaWhere"
							name="ListaProductosBean" value="${clausulaWhere}" />
						<c:forEach var="producto" items="${ListaProductosBean.producto}">
							<c:set var="nombreParaEseProducto" value="${producto.concepto}" />
							<c:set var="rutaFoto" value="${producto.foto}" />
						</c:forEach>
						<tr>

							<td><input id="${lineaPedido.codigoProducto}"
								class="comprar" name="${lineaPedido.codigoProducto}"
								type="checkbox" checked="checked"
								onchange="marcarDesmarcar(this);" /><img
								id="gifUsuarioRegistrado" src="${rutaFoto}" width="50"
								height="50" /></td>
							<td>${nombreParaEseProducto}</td>

							<td>${lineaPedido.cantidad}</td>
							<td>${lineaPedido.precioUnitario}€</td>
							<td>${lineaPedido.precioUnitarioPorCantidad}€</td>



						</tr>
					</c:forEach>
				</table>
				<div id="divResultadoBusqueda"></div>

			</c:if>

		</div>
		<input type="button" value="Datos de usuario"
			onclick="siguientePaso('divProductosCarrito','divDatosEnvio');"
			class="INPUTPaso" />
	</div>
</body>
	</html>
</jsp:root>